body {
    background: #F1DCC9;
    font-family: 'Balsamiq Sans', cursive;
    color: #fff;
    padding: 5px;
}

.shadow {
}

.main {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar {
    width: 100%;
    height: 65px;
    background-color: #2d3033;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 0px 1.5em 0px 1.5em;
    box-shadow: 2px 6px 5px #444C5C;
}

.navbar .logo {
    font-family: 'Patrick Hand', cursive;
    font-size: 25px;
    font-weight: 900;
    background: #7e3c88;
    border-radius: 5px;
    padding: 6px 12px 6px 12px;
    box-shadow: 1px 1px 2px #fff;
}

.navbar .logo:hover {
    background-color: #8a4195;
    box-shadow: 1px 2px 2px #fff;
    transition-delay: .05s;
}

.navbar .logo a{
    text-decoration: none;
    color: #fff;
}

.navbar .main {
    display: flex;
}

.navbar .main .dropdown {
    border-radius: 5px;
}

.navbar .main .dropdown .btn-secondary {
    border-color: #335252;
    /*background-color: #226854;*/
    background: #7e3c88;
    background-color: #3e5c7c;
    box-shadow: 1px 1px 2px #fff;
    font-size: 1.1em;
}
.navbar .main .dropdown .btn-secondary:hover {
    background-color: #8a4195;
    box-shadow: 1px 2px 2px #fff;
    transition-delay: .05s;
}

.navbar .categories {
    displya: flex;
}

.navbar .categories .category {
    font-size: 20px;
    color: #fff;
    /*background-color: #be6526;*/
    background-color: #3e5c7c;
    text-decoration: none;
    border-radius: 5px;
    padding: 6px 12px 6px 12px;
    box-shadow: 1px 1px 2px #fff;
    margin-right: .5em;
}

.navbar .categories .category:hover {
    background-color: #5881ac;
    box-shadow: 1px 2px 2px #fff;
    transition-delay: .05s;
}

.navbar .categories .selected {
    background-color: #5881ac;
}

.navbar .main .account span{
}


.form {
    margin-top: 3em;
    background-color: #2d3033;
    width: 50%;
    height: 28em;
    border-radius: 5px;
    padding: 1.5em 5em 3em 5em;
    box-shadow: 10px 10px 10px #444C5C;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form h1 {
    text-decoration: underline;
}

.form p {
    margin-top: 1em;
}

.form .fields {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
    margin-top: 2em;
    font-size: 1.1em;
}

.form .fields input {
    border: none;
    border-radius: 5px;
}

.form .actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2em;
}

.actions input {
    background: #256150;
    border: none;
    color: #D4DDE1;
    padding: 6px 12px 6px 12px;
    border-radius: 5px;
    font-size: 1.2em;
    width: 7em;
    color: #fff;
    box-shadow: 1px 1px 2px #fff;
}

.actions input:hover {
    background-color: #3d6363;
    box-shadow: 1.8px 1.8px 3px #fff;
}

.form .actions a {
    text-decoration: none;
    color: #fff;
}

.form .actions .more a {
    margin-left: 1em;
}

.form .actions .more a:hover {
    text-decoration: underline;
}

.errors {
    display: flex;
    flex-direction: column;
}

.errors span {
    color: #f13131;
}

.registration {
    padding-top: 3em;
    height: 30em;
}


.registration .fields {
    margin-top: 1em;
}


.content-main {
    background-color: #2d3033;
    border-radius: 5px;
    padding: 3em;
    margin: 3em 0em;
    width: 80%;
    box-shadow: 10px 10px 10px #444C5C;
    display: flex;
    flex-direction: column;
}

.content-main h1{
    margin: 1em 0em 0em 0em;
}

.content-main .part-of-speech {
    display: flex;
    flex-wrap: wrap;
}

.content-main .part-of-speech a{
    margin-right: 1em;
    margin-bottom: .4em;
    font-size: 1.2em;
    background-color: #bc4242;
    padding: 6px 12px 6px 12px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #fff;
    color: white;
    text-decoration: none;
}

.content-main .part-of-speech a:hover{
    background-color: #bf4b4b;
    box-shadow: 1px 2px 2px #fff;
    transition-delay: .05s;
}

.list_of_words .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2em;
}

.list_of_words .head span {
    height: 2px;
    width: 100%;
    background-color: #fff;
    margin-left: 1em;
}

.list_of_words {
    display: flex;
    flex-direction: column;
    padding-left: 1em;
}

.list_of_words_inner {
    display: flex;
    margin-top: 1em;
    margin-left: 2em;
    background-color: #226854;
    background: #7e3c88;
    padding: 1em;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #fff;
}

.list_of_words .heading {
    display: flex;
    flex-direction: column;
}

.list_of_words .body {
    display: flex;
    flex-direction: column;
    margin-left: 3em;
}

.list_of_words .heading span {
    margin-bottom: 1em;
}


.list_of_words .body span{
    margin-bottom: 1em;
    margin-right: 0.5em;
}

/*div.heading:nth-child(2n+1) span {color: red} */
/* div.heading span:nth-of-type(even) {
    background-color: #46ac9e;
    border-radius: 3px;
    padding: 3px;
}

div.heading span:nth-of-type(odd) {
    background-color: #46ac9e;
    border-radius: 3px;
    background-color: #42a672;
    padding: 3px;
}

div.body span:nth-of-type(even) {
    background-color: #46ac9e;
    border-radius: 3px;
    padding: 3px;
}

div.body span:nth-of-type(odd) {
    background-color: #46ac9e;
    border-radius: 3px;
    background-color: #42a672;
    padding: 3px;
}*/

.content-main .verb .heading {
    display: flex;
    align-items: center;
    margin-bottom: 1.5em;
}

.content-main .verb h2 {
    margin-right: 0.5em;
}

.content-main .verb .verb-line {
    height: 2px;
    width: 100%;
    background: white;
}

.content-main .verb span {
    width: 100px;
    height: 1px;
    background-color: #fff;
}

.content-main .content {
    margin-left: 1em;
}


.content-main .content .add-content {
}

.content-main .content .add-content form {
    margin-left: 1em;
    margin-top: 1.5em;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 38%;
}


.content-main .content .add-content form .field{
    display: flex;
    justify-content: space-between;
    margin-bottom: .5em;
}


.content-main .content .add-content form .field input {
    border-radius: 5px;
    /*background-color: #226854;*/
}

.content-main .content .add-content form .add {
    background-color: #26725b;
    border-radius: 5px;
    padding: 6px 12px 6px 12px;
    box-shadow: 1px 1px 2px #fff;
    color: white;
    border: none;
    margin-top: 1em;
    margin-bottom: 3.5em;
}
.content-main .content .add-content form .add:hover {
    background-color: #287860;
    box-shadow: 1px 1px 2px #fff;
    transition-delay: .05s;
}

.choose-image {
    background: red;
}


.choose-image:input {
    background: red;
}



.list-of-verbs .title {
    display: flex;
    align-items: center;
}

.list-of-verbs h4 {
}

.list-of-verbs .line {
    width: 100%;
    height: 2px;
    background-color: white;
}

.lis_of_verbs table {
    width: 100%;
    font-size: 1em;
}

table tbody tr{
    font-size: 1em;
}

table thead tr {
    color: #fff; font-size: 1.2em;
    border-bottom: 2px solid white;
}

table {
    width: 100%; border-collapse: collapse;
    border-radius: 5px;
}

table tbody tr:nth-child(2n) {
    background: #595961;
    border-radius: 4px 4px 0 0;
}

.separate-word {
    display: flex;
}

.separate-word table {
    width: 69%;
}

.separate-word .photo {
    width: 100px;
    height: 100px;
    margin-left: 1.5em;
}

.separate-word img {
    width: 300px;
    height: 300px;
    border-radius: 5px;
}

.addition {
    margin-top: 2em;
    margin-bottom: 3em;
}

.addition .heading p {
    margin-left: 1.7em;
    font-size: 0.9em;
}

.addition .content {
    padding: 0.5em 0 0 .5em;
}

.addition .content .note {
    width: 40em;
}

.addition .actions {
    display: flex;
    margin-top: 2.3em;
}


.addition .actions input {
    font-size: 1em;
    margin-right: 1em;
}

.actions .update {
    border-radius: 5px;
    padding: 6px 12px 6px 12px;
    box-shadow: 1px 1px 2px #fff;
    background: #226854;
    color: white;
    text-decoration: none;
    margin-right: 1em;
}

.addition .actions .delete {
    background: #bc4242;
}

#note {
    color: white;
    text-decoration: none;
    font-size: 1.2em;
}

#note:hover {
    text-decoration: underline
}

.note a {
    color: red;
}

.content-main .heading {
    margin-bottom: 1em;
}

.content-main .heading p {
    margin-left: 1em;
    margin-top: 1em;
    display: inline;
}

.content-main .heading h4 {
    margin-bottom: 1em;
}

.content-main .heading .category {
    display: inline;
    background: #7e3c88;
    border-radius: 5px;
    padding: 2px 8px 2px 8px;
    box-shadow: 1px 1px 2px #fff;
    font-size: 1em;
}

.content-main .content-group {
    padding-left: 1em;
    margin-bottom: 1.5em;
}

.content-main .content-group .group {
    background: #7e3c88;
    background: #5881ac;
    border-radius: 5px;
    padding: 6px 12px 6px 12px;
    box-shadow: 1px 1px 2px #fff;
    margin-bottom: .5em;
    font-size: 1.1em;
    display: block;
    text-decoration: none;
    color: #fff;
}

.content-main .content-group .group:hover {
    background-color: #658cb3;
    box-shadow: 1px 2px 2px #fff;
    transition-delay: .05s;
}

.add-something {
    color: #5881ac;
    cursor: pointer;
}

.add-something:hover {
    color: #6d92b7;
}

.delete-something {
    background: #bc4242;
    border-radius: 5px;
    padding: 2px 8px 2px 8px;
    box-shadow: 1px 1px 2px #fff;
    color: white;
    border: none;
    display: inline;
}

